<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>仿小米首页</title>
	<link rel="stylesheet" href="./css/main.css">
	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<script type="text/javascript" src='./js/main.js'></script>
</head>
<body>
	<div class="top">
		<div class="top_mid">
			<div class="top_left">
				<a href="">小米商城</a>
				<span>|</span>
				<a href="">MIUI</a>
				<span>|</span>
				<a href="">米聊</a>
				<span>|</span>
				<a href="">游戏</a>
				<span>|</span>
				<a href="">多看阅读</a>
				<span>|</span>
				<a href="">云服务</a>
				<span>|</span>
				<a href="">金融</a>
				<span>|</span>
				<a href="">小米商城移动版</a>
				<span>|</span>
				<a href="">问题反馈</a>
				<span>|</span>
				<a href="">Select Region</a>
			</div>
			<div class="top_right">
				<a href="">登录</a>
				<span>|</span>
				<a href="">注册</a>
				<span>|</span>
				<a href="">消息通知</a>
				<a class="car" href=""><i class="xbs-font">&#xe60c;</i>购物车(0)
				<div class="car_son">购物车中还没有商品，赶紧选购吧！</div>
				</a>
			</div>
		</div>
	</div>
	<div class="nav">
		<div class="nav_mid">
			<div class="logo"></div>
			<div class="nav_list">
				<a href="" class="nav_a you">小米手机</a>
				<a href="" class="nav_a you">红米</a>
				<a href="" class="nav_a you">平板 · 笔记本</a>
				<a href="" class="nav_a you">电视</a>
				<a href="" class="nav_a you">盒子 · 影音</a>
				<a href="" class="nav_a you">路由器</a>
				<a href="" class="nav_a you">智能硬件</a>
				<a href="" class="nav_a">服务</a>
				<a href="" class="nav_a">社区</a>
			</div>
			<div class="search"></div>
		</div>
	</div>
	<div class="item_show you">
		<ul class="item_mid">
			<li>111111111</li>
			<li>2222222222</li>
			<li>33333333333</li>
			<li>444444444</li>
			<li>555555555</li>
			<li>666666666</li>
			<li>7777777</li>
		</ul>
	</div>
	<div class="header">
		<div class="header_mid">
			<img class="banner" src="./images/img.jpg" alt="">
			<div class="menu_list_brother"></div>
			<ul class="menu_list">
				<li class="list"><a href="">手机 电话卡<i class="xbs-font">&#xe623;</i></a>
				<div class="list_son">11111111111</div>
				</li>
				<li class="list"><a href="">手机 电话卡<i class="xbs-font">&#xe624;</i></a>
				<div class="list_son">22222222222</div></li>
				<li class="list"><a href="">手机 电话卡<i class="xbs-font">&#xe624;</i></a>
				<div class="list_son">33333333333333</div></li>
				<li class="list"><a href="">手机 电话卡<i class="xbs-font">&#xe624;</i></a></li>
				<li class="list"><a href="">手机 电话卡<i class="xbs-font">&#xe624;</i></a></li>
				<li class="list"><a href="">手机 电话卡<i class="xbs-font">&#xe624;</i></a></li>
				<li class="list"><a href="">手机 电话卡<i class="xbs-font">&#xe624;</i></a></li>
				<li class="list"><a href="">手机 电话卡<i class="xbs-font">&#xe624;</i></a></li>
				<li class="list"><a href="">手机 电话卡<i class="xbs-font">&#xe624;</i></a></li>
				<li class="list"><a href="">手机 电话卡<i class="xbs-font">&#xe624;</i></a></li>
			</ul>
			<div class="start">
				<div class="start_top">
					<h2>小米明星单品</h2>
					<ul class="click">
						<li class="xbs-font">&#xe623;</li>
						<li class="xbs-font">&#xe628;</li>
					</ul>
				</div>
				<ul class="start_bottom">
					<li class="list">
						<a href="">
							<img src="./images/start.png" alt="">
							<p>小米手机5 64GB</p>
						</a>
						<p class="desc">无可视频闪，亮度色温无级调节</p>
						<p class="price">155元</p>
					</li>
					<li class="list">
						<a href="">
							<img src="./images/start.png" alt="">
							<p>小米手机5 64GB</p>
						</a>
						<p class="desc">无可视频闪，亮度色温无级调节</p>
						<p class="price">155元</p>
					</li>
					<li class="list">
						<a href="">
							<img src="./images/start.png" alt="">
							<p>小米手机5 64GB</p>
						</a>
						<p class="desc">无可视频闪，亮度色温无级调节</p>
						<p class="price">155元</p>
					</li>
					<li class="list">
						<a href="">
							<img src="./images/start.png" alt="">
							<p>小米手机5 64GB</p>
						</a>
						<p class="desc">无可视频闪，亮度色温无级调节</p>
						<p class="price">155元</p>
					</li>
					<li class="list last">
						<a href="">
							<img src="./images/start.png" alt="">
							<p>小米手机5 64GB</p>
						</a>
						<p class="desc">无可视频闪，亮度色温无级调节</p>
						<p class="price">155元</p>
					</li>
				</ul>
			</div>

		</div>
	</div>
	<div class="main"></div>
	<div class="footer"></div>
</body>
</html>